<!DOCTYPE html>
<!-- saved from url=(0051)https://websocket.kleshuo.com/Views/KP/#/index/main -->
<html>
<!--<head>-->
<!--    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">-->
<!--    <meta name="viewport" content="width=device-width,initial-scale=1">-->
<!--    <title>invoicingsystem</title>-->
<!--    <link href="./public/app.a98501b065b72906e12c02c8483484df.css" rel="stylesheet">-->
<!--</head>-->
{include file="public/head"}
<body>
<div id="app">
			<div data-v-7e78db3a="" class="index-div">
				<section data-v-7e78db3a="" class="el-container is-vertical">
					<header data-v-7e78db3a="" class="el-header" style="height: 60px;">
						<aside data-v-7e78db3a="" class="el-aside" style="width: 280px; float: left;">
							<div data-v-7e78db3a="" class="header-left">
								<ul data-v-7e78db3a="" role="menubar" class="el-menu"
									style="height: 60px; line-height: 60px;">
									<div data-v-7e78db3a="" class="heaser-left-div1" style="display: none;"><img
											data-v-7e78db3a=""
											src="">
									</div>
									<div data-v-7e78db3a="" class="heaser-left-div2">
										增值税发票开票软件<span data-v-7e78db3a="">(税务UKey版)</span></div>
								</ul>
							</div>
						</aside>
						<div data-v-7e78db3a="" class="header-i"><i data-v-7e78db3a="" class="el-icon-s-fold"
								style="cursor: pointer;"></i> <i data-v-7e78db3a="" class="el-icon-s-unfold"
								style="cursor: pointer; display: none;"></i></div>
						<div data-v-7e78db3a="" class="header-right">
<!--							<button data-v-7e78db3a="" type="button"-->
<!--								class="el-button el-button&#45;&#45;default"><span>教学专用初始化</span>-->
<!--							</button>-->
							<i data-v-7e78db3a="" class="el-tooltip iconfont icon-guanlizhe"
								aria-describedby="el-tooltip-111" tabindex="0"></i> <i data-v-7e78db3a=""
								class="el-tooltip iconfont icon-mulu" aria-describedby="el-tooltip-3942"
								tabindex="0"></i> <i data-v-7e78db3a="" class="el-tooltip iconfont icon-quit"
								aria-describedby="el-tooltip-2981" tabindex="0"></i></div>
					</header>
					<section data-v-7e78db3a="" class="el-container">
						<aside data-v-7e78db3a="" class="el-aside aside-div" style="width: 140px;">
							<div data-v-7e78db3a="" class="index-left">
								 <ul data-v-7e78db3a="" role="menubar" class="el-menu">
							     <a href="{:URL('Index/index')}" style="color: #fff;">
                                    <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                        style="padding-left: 20px;">
                                     <i data-v-7e78db3a="" class="iconfont icon-shouye"></i> <span data-v-7e78db3a="">首页</span></li></a>
                           <a href="{:URL('index/bill')}" style="color: #ff9a23;">
                            <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item  is-active"
                                style="padding-left: 20px;">

                                <i data-v-7e78db3a="" class="iconfont icon-fapiao"></i> <span data-v-7e78db3a="">发票管理</span></li></a>
                                <a href="{:URL('Invoice/data')}" style="color: #fff;">
                            <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 20px;">
                                <i data-v-7e78db3a=""
                                   class="iconfont icon-shuju"></i> <span data-v-7e78db3a="">数据管理</span>
                            </li></a>
                            <a href="{:URL('Invoice/settings')}" style="color: #fff;">
                            <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item  "
                                style="padding-left: 20px;"><i data-v-7e78db3a="" class="iconfont icon-kongzhi"></i> <span data-v-7e78db3a="">系统设置</span>  </li></a>
                            <a href="{:URL('Invoice/maintain')}" style="color: #fff;">
                                <li data-v-7e78db3a="" role="menuitem" tabindex="-1" class="el-menu-item"
                                style="padding-left: 20px;"><i data-v-7e78db3a=""
                                                               class="iconfont icon-xitong"></i> <span data-v-7e78db3a="">系统维护</span>  </li></a>
                        </ul>
							</div>
						</aside>
						<main data-v-7e78db3a="" class="el-main">
							<div data-v-7e78db3a="" class="list" style="">
								<ul data-v-7e78db3a="" class="div-item">
								    <a href="{:URL('Index/bill')}" style="color:#000">
								        <li data-v-7e78db3a="" class="">
										    发票管理首页
									    </li>
								    </a>
								    <a href="{:URL('Invoice/bill2')}" style="color:#000">
								        	<li data-v-7e78db3a="" class="">
										正数发票填开
									</li>
								    </a>
									<a href="{:URL('Invoice2/bill3')}" style="color:#000"><li data-v-7e78db3a="" class="">
										负数发票填开
									</li></a>
									 <a href="{:URL('Invoice2/bill4')}" style="color:#000"><li data-v-7e78db3a="" class="">
										发票作废管理
									</li></a>
									 <a href="{:URL('Invoice2/bill5')}" style="color:#000"><li data-v-7e78db3a="" class="">
										发票查询管理
									</li></a>
									 <a href="{:URL('Invoice2/bill6')}" style="color:#000"><li data-v-7e78db3a="" class="">
										发票领购管理
									</li></a>
									 <a href="{:URL('Invoice2/bill7')}" style="color:#000"><li data-v-7e78db3a="" class="active">
										红字信息表
									 </li></a>
									 <a href="{:URL('Invoice2/bill8')}" style="color:#000"><li data-v-7e78db3a="" class="">
										发票修复管理
									</li></a>
									<a href="{:URL('Invoice2/bill9')}" style="color:#000">
                                        <li data-v-7e78db3a="" class="">
                                            打印格式查看
                                        </li>
                                    </a>
								</ul>
							</div>
							<div data-v-7e78db3a="" class="list" style="display: none;">
								<ul data-v-7e78db3a="" class="div-item">
									<li data-v-7e78db3a="" class="active">
										数据管理首页
									</li>
									<li data-v-7e78db3a="" class="">
										数据处理
									</li>
									<li data-v-7e78db3a="" class="">
										发票资料统计
									</li>
								</ul>
							</div>
							<div data-v-7e78db3a="" class="list" style="display: none;">
								<ul data-v-7e78db3a="" class="div-item">
									<li data-v-7e78db3a="" class="active">
										系统设置首页
									</li>
									<li data-v-7e78db3a="" class="">
										基础编码设置
									</li>
									<li data-v-7e78db3a="" class="">
										税务UKey设置
									</li>
									<li data-v-7e78db3a="" class="">
										系统参数设置
									</li>
								</ul>
							</div>
							<div data-v-7e78db3a="" class="list" style="display: none;">
								<ul data-v-7e78db3a="" class="div-item">
									<li data-v-7e78db3a="" class="active">
										系统维护首页
									</li>
									<li data-v-7e78db3a="" class="">
										系统基础维护
									</li>
									<li data-v-7e78db3a="" class="">
										数据备份恢复
									</li>
								</ul>
							</div>
							<div data-v-7e78db3a="" class="bill-div">
								<div class="main-pos">
									<div class="el-row">
										<div class="el-col el-col-12">
											<div  id="redinfo" style="outline: none;color: black">
												<div class="main-item">
													<p class="item-img"><img
															src="">
													</p>
													<p class="item-name">增值税专用发票红字信息表填开</p>
												</div>
											</div>

										</div>
										<div class="el-col el-col-12">
											<a href="{:url('invoice2/hzxxbcx')}" class="main-item">
												<p class="item-img"><img
														src="">
												</p>
												<p class="item-name">增值税专用发票红字信息表查询</p>
											</a>
										</div>
										<div class="el-col el-col-12">
											<a href="{:url('invoice2/hsfp')}" id="redinfodown" class="main-item">
												<p class="item-img"><img
														src="">
												</p>
												<p class="item-name">增值税专用发票红字信息表审核下载</p>
											</a>
										</div>
									</div>
									
								</div>
							</div>
						</main>
					</section>
				</section>
			</div>
		</div>
		<style type="text/css" media="all">
    .backupsbox{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100vw;
        height: 100vh;
        z-index: 1000;
        background: #00000080;
        display: none;
    }
    .upbg{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 500px;
        width: 60%;
        max-width: 700px;
        z-index: 1000;
        background: #f0f0f0;
    }
    .backup-title{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px;
        box-sizing: border-box;
        background: #1D5B96;
        color: #fff;
        font-size: 14px;
    }
    .backup-title .left{
        align-items: center;
        display: flex;
    }
    .backup-title .left span{
        color: yellow;
    }
    .backup-title .left img{
        width: 30px;
    }
    .backup-title .right img{
        width: 20px;
    }
    .backup-btn {
        display: flex;
        justify-content: center;
        padding: 10px;
        border-top: 1px solid #ccc;
        position: relative;
    }
    .backup-btn button {
        background: #1d5b96;
        color: #fff;
        margin: 0 10px;
        outline: 0;
        border: 0;
        padding: 7px 20px;
    }
    .up-body{
        padding: 15px 5%;
    }
    .up-radio label,.buy label{
        font-weight: normal;
        margin-right: 5px;
    }
    .buy input,.up-radio input{
        margin-right:5px;
    }
    .choosetips{
        margin:20px 0 10px;
        
    }
    .choosetips span{
        color: #777;
    }
    .chooseinput{
        display: flex;
        align-items: center;
    }
    .chooseinput select{
        border: 0;
        padding:5px 10px;
        margin-right: 10px;
        width: 25%;
    }
    .sell{
        display: none;
        flex:1;
    }
    .buyinput{
        display: none;
        align-items: center;
        width: 100%;
        margin-top: 10px;
    }
    .sell input,.buyinput input{
        width: 25%;
        height: 30px;
        line-height: 30px;
        outline: 0;
        border: 0;
        padding: 0 5px;
        font-size: 14px;
        margin-right: 2%;
    }
    .sell #begin{
        width: 25%;
        margin-top: 10px;
    }
    .checklist{
        margin-top: 20px;
    }
    .checklist label{
        margin-top: 5px;
        font-weight: normal;
        margin-right: 5px;
    }
    .checklist input{
        margin-right: 5px;
    }
</style>
<div class="backupsbox upbox">
    <div class="upbg">
        <div class="backup-title">
        <div class="left">
            <img src="__STATIC__/tax/images/swlog.png" alt="" />
            开具红字发票信息选择 (<span>增值税专用发票</span>)
        </div>
        <div class="right">
            <img src="__STATIC__/tax/images/close-window.svg" class="close-upbox"  alt=""/>
        </div>
    </div>
    <div class="up-body">
        <div class="up-radio">
            身份选择：
            <label>
                <input type="radio" name="name"  value="1" checked/>购买方申请
            </label>
            <label>
                <input type="radio" name="name"  value="2" />销售方申请
            </label>
        </div>
        <div class="choosetips">
            对应蓝字发票信息<span>(征税方式及对应蓝字专用发票代码、号码)</span>
        </div>
        <div class="chooseinput">
            
                <select name="" id="">
                    <option>普通征税</option>
                    <option>减按征税</option>
                    <option>差额征税</option>
                </select>
                <div class="buy">
                    <div class="but_type">
                        <label>
                            <input type="radio" name="discount"  value="1" checked/>已抵扣
                        </label>
                        <label>
                            <input type="radio" name="discount"  value="2" />未抵扣
                        </label>
                    </div>
                    
                </div>
           <div class="sell">
                <input type="text" placeholder="发票代码" />
                <input type="text" placeholder="发票号码" />
            </div>
        </div>
        <div class="sell">
            <input type="text" readonly class="layui-input" name="begin_time" id="begin"
                       placeholder="请选择" style="height:30px" >
        </div>
         <div class="buyinput">
            <input type="text" placeholder="发票代码" />
            <input type="text" placeholder="发票号码" />
            <input type="text" readonly class="layui-input" name="begin_time" id="begin"
                       placeholder="请选择" style="height:30px" >
        </div>
        <div class="checklist">
            <label>
                <input type="radio" name="fp" />成品油专用发票
            </label>
            <label>
                <input type="radio" name="fp" />电子烟专用发票
            </label>
            <label>
                <input type="radio" name="fp" />卷烟消费税发票
            </label>
            <label>
                <input type="radio" name="fp" />机动车专用发票
            </label>
            <label>
                <input type="radio" name="fp" />稀土专用发票
            </label>
            <label>
                <input type="radio" name="fp" />电子烟专用发票
            </label>
            <label>
                <input type="radio" name="fp" />矿产品专用发票
            </label>
        </div>
    </div>
    <div class="backup-btn">
        <a href="{:url('invoice2/hsfp')}"><button id="loginout">下一步</button></a>
        <button class="up_cancle">取消</button>
    </div>
    </div>
</div>
<link href="__STATIC__/tax/css/base/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
<script src="__STATIC__/tax/js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
        let year = new Date().getFullYear();
        $("#begin").datepicker({
            dateFormat: 'yy-mm-dd',         //设置日历的日期格式
            dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
            dayNamesShort: ['日', '一', '二', '三', '四', '五', '六'],
            dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
            monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            monthNamesShort: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'],
            maxDate: '0',
            changeMonth: true,
            changeYear: true,
            yearRange: "2021:" + year
        });
    });
    $('.but_type input[type="radio"]').click(function(){
        let i = $(this).val()
        if(i == 1){
            $('.buyinput').hide()
        }else{
            $('.buyinput').css('display','flex')
        }
    })
    $('.up-radio input[type="radio"]').click(function(){
        let i = $(this).val()
        if(i == 1){
            $('.sell').hide()
            $('.buy').css('display','flex')
        }else{
            $('.buy').hide()
            $('.sell').css('display','flex')
        }
    })
     $('#redinfo').click(function(){
        $('.upbox').show()
    })
    $('.close-upbox').click(function(){
        $('.backupsbox').hide()
    })
    $('.up_cancle').click(function(){
        $('.backupsbox').hide()
    })
</script>
</body>
</html>
